<script setup lang="ts">

</script>

<template>
   <div class="cate">
      <div class="image">
         <el-skeleton-item variant="image"></el-skeleton-item>
      </div>
      <div class="info">
         <el-skeleton-item></el-skeleton-item>
      </div>
   </div>
</template>

<style scoped lang="less">
.cate {
   width: 168px;
   height: 160px;
   display: flex;
   flex-direction: column;
   align-items: center;

   .image {
      width: 100px;
      height: 100px;

      .el-skeleton__item {
         width: 100%;
         height: 100%;
      }
   }

   .info {
      width: 100px;
      line-height: 45px;
   }
}
</style>
